/*引入数据列表页面的样式*/
@import "data_list.css";

/*引入数据添加/修改 的详情 页面的样式*/
@import "data_detail.css";


/*引入分类列表页面的样式*/
@import "category_list.css";


/*分类详情*/
@import "category_detail.css";
/*




 */
/*引入组件样式*/
/*搜索栏*/
@import "component/search-box.css";
/*自动缩小框*/
@import "component/shrink.css";
/*遮罩图层*/
@import "component/message_layer.css";
/*上传组件*/
@import "component/upload.css";
/*
=======================================
顶部栏
=======================================
*/
#topbar
{
	text-align : right;
	position   : fixed;
	width      : 100%;
	top        : 0;
	left       : 0;
	z-index    : 1000;
	box-shadow : 0 0 black;
	display: none;
}

#topbar .layui-nav
{
	border-radius : 0 !important;
	background-color: #ffffff;
	color: #393d49;
}

#topbar .layui-nav .layui-nav-item a 
{
	color: #393d49!important;
}

#topbar .layui-nav-item
{
	text-align : left;
}

#topbar .layui-nav-item i
{
	margin-right : 5px;
}


/*
=======================================
菜单栏 go
=======================================
*/

#sidebar .layui-nav-side
{
	top : 60px;
}

#sidebar .layui-nav
{
	background-color: #fff;
	margin-bottom    : 300px;
	height: calc(100% - 151px);
	overflow-y: auto;
}


#sidebar .layui-nav-tree .layui-nav-item>a {
    color: #595959;
    font-weight: bold;
}
#sidebar .layui-nav-itemed>a {
    color: #009688 !important;
    background-color: #efefef;
    border-radius: 5px;
    margin: 0 5px;
    padding: 5px 15px;
}

#sidebar .layui-nav-itemed>.layui-nav-child {
    display: block;
    background-color: #ffffff !important;
}



#sidebar
{
	float            : left;
	margin           : 0;
	padding          : 0;
	/* top              : 60px; */
	position         : fixed;
	z-index          : 100;
	left             : 0;
	background-color: #ffffff;
	height           : 100%;
	/* overflow: hidden; */
}

#sidebar .layui-nav-item i
{
	margin-right : 5px;
}


#sidebar  .user_box
{/* margin: 15px; *//* background-color: #ececec; *//* height: 150px; */position: fixed;bottom: 0;width: 170px;border-top: solid 1px #ececec;padding-top: 10px;padding: 15px;background-color: #ffffff;box-shadow: -20px -19px 11px 4px #ffffffc9;}

#sidebar  .user_box .title{margin-bottom: 2px;}
#sidebar  .user_box .icon{
    border: solid 1px #cccc;
    overflow: hidden;
    float: left;
    border-radius: 7px;
    margin-right: 12px;
    width: 35px;
    height: 35px;
    background-position: center;
    background-size: cover;
}
#sidebar  .user_box .icon img{
	width: 35px;
	object-fit: cover;
}







#sidebar  .logo_box
{
	margin: 15px 15px 15px 15px;
	/* background-color: #ececec; */
	height: 40px;
	width: 170px;
}


#sidebar  .logo_box .title{
    font-size: 18px;
    line-height: 35px;
    font-family: sans-serif;
    font-weight: 600;
    color: #333;
    /* text-align: center; */
    text-align: justify;
    text-justify: inter-character; /* 关键：字符级别分布 */
    width: 100%;
    /* text-align-last: justify; */
    letter-spacing: 3px;
    line-height: 21px;
}
#sidebar  .logo_box .icon{
    border: solid 1px #cccc;
    overflow: hidden;
    float: left;
    border-radius: 7px;
    margin-right: 12px;
	width: 35px;
	height: 35px;
}
#sidebar  .logo_box .icon img{
    width: 35px;
    object-fit: cover;
}


#sidebar  .logo_box .function{
    margin-top: 3px;
}
#sidebar  .logo_box .function span{
    background-color: #009688;
    font-size: 10px;
    border-radius: 2px;
    padding: 1px 2px;
    color: #ffffff;
}










/*
=======================================
底部
=======================================
*/
.footer
{
	/* border: solid 1px; */
	margin-bottom : 55px;
	display: none;
}

.footer .copyright
{
	color            : #c6c6c6;
	text-align       : center;
	background-color : transparent;
	padding-bottom   : 15px;
	margin-left      : 210px;
}


/*
=======================================
主体框架
=======================================
*/

#container
{
	margin  : 0;
	/* padding : 50px 0 0; */
	/* border: solid  #ff9900; */
	/* overflow-y: scroll; */
	height: 100vh;
	display: flex;
}

#maincontent
{
	padding       : 0;
margin: 0 auto;

	width         : 100%;
}


#content
{
	padding: 5px 15px 15px 15px;
	margin: 10px 10px 15px 210px;
	min-width: 1200px;
	position         : relative;
	background-color : #ffffff;
	box-shadow       : 0 0 8px #cccccc;
	overflow-x: auto;
	/* height: 100%; */
	flex: 1;
	/* border: solid; */
}


#content h1
{
	margin      : 0 0 5px;
	font-size   : 24px;
	padding     : 8px 10px 10px 10px;
	font-weight : 700;
}















.page-title{ border: none}
.page-title legend b{}
.page-title legend i{font-size: 14px;color: #8f8f8f; margin-right:3px}
.page-title legend a{font-size: 14px;color: #8f8f8f;}
.page-title legend a:hover {font-size: 14px;color: #009688!important;}
.page-title legend a:hover *{font-size: 14px;color: #009688!important;}
















#mod-function-box
{
}

#mod-function-box .button_base
{
	float : left
}

#mod-function-box .button_sort
{
	float : right
}


/*term-boxing部分通用样式，其他根据特定的改变===========================================*/

/*顶部栏 go==================================================================*/

.term-list-box .list-boxing-logo
{
	width  : 50px;
	height : 50px;
}

.term-list-box .list-boxing-function
{
	width       : 50px;
	margin-left : -50px;
}

.term-list-box .list-boxing
{
	padding-left : 65px;
}

#content .term-list-box ul.list-boxing-data li
{
	margin-bottom : 10px;
}

.term-list-box .list-boxing-content
{
	min-height : 120px;
}

.list-boxing2
{
	margin-left : 60px;
}

.list-boxing3
{
	margin-left : 120px;
}


/*统计页面的条件筛选*/
.select-function
{
	width  : 99%;
	margin : 25px auto 0 auto;
}

.select-function .layui-form-item
{
	float : left;
	clear : none;
	width : 250px;
}

.select-function .layui-form-label
{
	width : 80px;
}

.select-function .layui-input-block
{
	margin-left : 120px;
}

.select-function .functions
{
	margin-left : 80px;
}




.statistics-box
{
	margin-top : 25px
}

.statistics-box h2
{
	font-size   : 16px;
	font-weight : 700;
	margin-top  : 55px;
}

.statistics-box h2 span
{
	margin-right : 25px;
}


.term-select-function
{
	float : right;
	width : 400px;
}


.term-select-function select
{
	height           : 38px;
	width            : 100%;
	line-height      : 38px;
	line-height      : 36px \9;
	background-color : #ffffff;
	border-radius    : 2px;
	display          : block;
	padding-left     : 10px;
	border           : solid 1px #cccccc;
	padding-right    : 30px;
	cursor           : pointer;
}


.import-add-box
{
	overflow : auto
}

.import-add-box h2
{
	font-size      : 16px;
	font-weight    : 700;
	border-bottom  : solid 1px #cccccc;
	padding-bottom : 15px;
	margin         : 25px 0 15px 0;
}

.import-add-box form
{
	background-color : #ececec;
	padding          : 15px !important;
	width            : 400px;
	float            : left;
	margin-left      : 15px !important;
}

.import-download
{
	border-bottom  : solid 1px #cccccc;
	padding-bottom : 25px;
	margin         : 35px 15px;
}
















/*返回顶部的按钮*/
.js_go_top
{
	right     : 15px;
	position  : fixed;
	font-size : 40px !important;
	cursor    : pointer;
}
